<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>全球新型冠状病毒实时数据统计</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"/>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .head{
            height: 200px;
            width: 90%;
            margin: 0 auto;
            background: whitesmoke;
        }
        .content{
            width: 90%;
            margin: 5px auto;
        }

    </style>
</head>
<body>
<div class="head">
    <h1 th:text="(${cty}==${all}?'全球':${cty})+'新冠病毒实时数据统计'" align="left"></h1><br/>
    <div>
        <span><h3>病例总数：</h3></span>
        <span th:text="${totalReportedCases}"></span>
    </div>
    <div>
        <span><h3>新增病例总数：</h3></span>
        <span th:text="${totalNewCases}"></span>
    </div>
    <div>
        <span><h3>当前时间：</h3></span>
        <span th:text="${localDate}"></span>
    </div>
    <div class="content">
        <div class="mdui-table-fluid">
            <table class="mdui-table mdui-table-hoverable">
                <tr bgcolor="#efefef">
                    <th>序号</th>
                    <th>省/州</th>
                    <th>国家/地区</th>
                    <th>最新确诊病例总数</th>
                    <th>较前一日变化病例数</th>
                </tr>
                <tr th:each = " oneStat : ${region} ">
                    <td><span th:text="${oneStat.getId()}"></span></td>
                    <td><span th:text="${oneStat.getState()}"></span></td>
                    <td><span th:text="${oneStat.getCountry()}"></span></td>
                    <td><span th:text="${oneStat.getLatestTotalCases()}"></span></td>
                    <td><span th:text="${oneStat.getDiffFromPrevDay()}"></span></td>
                    <!--        <td><span th:text="${oneStat.getData()}"></span></td>-->
                </tr>
            </table>
        </div>
    </div>
</div>
</body>
</html>